/* 滚动条整体样式 */
::-webkit-scrollbar {
  width: 12px; /* 竖向滚动条宽度 */
  height: 12px; /* 横向滚动条高度 */
  background-color: var(--nm-scrollbar-bg, #2c2c2c);
}
::-webkit-scrollbar:vertical {
  border-left: var(--nm-border, 1px solid #ddd);
}
::-webkit-scrollbar:horizontal {
  border-top: var(--nm-border, 1px solid #ddd);
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background-color: var(--nm-scrollbar-thumb-bg, #b2b2b2);
  border: 2px solid transparent; /* 透明边框 */
  border-radius: 12px; /* 圆角 */
  background-clip: content-box; /* 限制背景作用区域 */
}

/* 滑块悬停效果 */
::-webkit-scrollbar-thumb:hover {
  background-color: var(--nm-scrollbar-thumb-bg-hover, #7f7f7f);
}

.mini-scroll::-webkit-scrollbar {
  width: 4px; /* 竖向滚动条宽度 */
  height: 4px; /* 横向滚动条高度 */
  background-color: var(--nm-scrollbar-bg, #2c2c2c);
}
/* 滚动条滑块 */
.mini-scroll::-webkit-scrollbar-thumb {
  background-color: var(--nm-scrollbar-thumb-bg, #b2b2b2);
  border-radius: 2px; /* 圆角 */
  border: 1px solid transparent; /* 透明边框 */
  background-clip: content-box; /* 限制背景作用区域 */
}
/* 滑块悬停效果 */
.mini-scroll::-webkit-scrollbar-thumb:hover {
  background-color: var(--nm-scrollbar-thumb-bg-hover, #7f7f7f);
}
